<template>
    <div class='loading' @click="close($event)">
        <div class="loading-img">
            <img src="./loading.gif">
        </div>
    </div>
</template>

<script>
export default {
    methods: {
        close(e) {
            //e.currentTarget.remove()
        }
    }
}
</script>

<style lang="less" scoped>
.loading {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100000;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0);
    .loading-img {
        height: 1rem;
        width: 1rem;
        img {
            height: 100%;
            width: 100%;
        }
    }
}
</style>